
<template>
    <div class='details'>
        <div class='details-work'>
            <h2>工作经验</h2>
            <el-timeline class='details-timeline'>
                <el-timeline-item timestamp="2020 年 8 月-2021 年 5 月 |前端开发工程师" placement="top" color="red">
                <el-card>
                    <h3>上海维宏电子科技股份有限公司</h3>
                    <p>1、负责部门 Web 端、移动端 Web 产品项目的前端开发、接口联调、 DEBUG 等工作。</p>
                    <p>2、负责部门自用 Npm 包的更新维护工作。</p>
                    <p>3、对前端常用 Vue 组件的更新维护工作。</p>
                </el-card>
                </el-timeline-item>
                <el-timeline-item timestamp="2021年 5月-24年5月 | 前端开发工师" placement="top" color="#0bbd87">
                <el-card>
                    <h3>上海沪教智能科技有限公司</h3>
                    <p>1、负责公司钉钉后台移动端网页项目的从零开发，包括项目搭建、技术选型、后期维护等。</p>
                    <p>2、负责公司学管业务线的云服务项目前后台前端项目的维护与开发。</p>
                    <p>3、负责公司自用工单系统的钉钉小程序、钉钉PC、后台前端项目的维护与开发。</p>
                    <p>4、负责公司自用任务系统的前端项目的开发与维护。</p>
                    <p>5、负责公司教师端英语词汇宝与写作宝产品开发维护。</p>
                    <p>6、负责公司物流系统IMS的物流单打印模块开发维护。</p>
                </el-card>
                </el-timeline-item>
            </el-timeline>
        </div>

        
        <div class='details-keywords'>
            <h2>我的关键字</h2>
            <div class="details-keywords-button">
                <p class="details-keywords-button">
                    <el-button type="primary" size="mini" >逗比</el-button>
                    <el-button type="success" size="large">乐观</el-button>
                    <el-button type="warning" size="mini">头发多</el-button>
                    <el-button type="danger" size="small">熬夜冠军</el-button>
                </p>
                <p class="details-keywords-button">
                    <el-button type="success" size="large ">学习</el-button>
                    <el-button type="primary" size="mini" >老实人</el-button>
                </p>
                <p class="details-keywords-button">
                    <el-button type="info" size="mini">感性</el-button>
                    <el-button type="warning" size="mini">多愁善感</el-button>
                </p>
                <p class="details-keywords-button">
                    <el-button type="danger" size="small">复合弓爱好者</el-button>
                    <el-button type="primary" size="mini">军事达人</el-button>
                </p>
                <p class="details-keywords-button">
                    <el-button type="success" size="large">责任心</el-button>
                </p>
            </div>
        </div>
    </div>
</template>
<script >
export default ({
    name:'',
    components: {

    },
})
</script>
<style lang="scss"  scoped>
p{
    font-family: SimSun, STSong, serif;
    // font-family: Times New Roman, serif;
    font-size: 16px;
    // font-weight: 500;
    font-style: normal;
    line-height:20px;

    // text-shadow: 16px 16px 16px 16px #000;
}
.details{
  float: right;
  background-color:#fff;
  width:1200px;
  height: 700px;
  border-radius:20px;	
  padding: 40px;
  display: flex;
  justify-content: space-between;
  .details-work{
    width: 65%;
    // display: flex;
    // flex-direction: column;
    .details-timeline{
        margin-top: 20px;
    }
  }
  .details-keywords{
    width: 30%;
    .details-keywords-button{
        margin-top:20px;
    }
  }
}
</style>